<template>
  <div class="right">
    <svg-icon icon="background" class="bg-icon"></svg-icon>
    <div class="bg"></div>
  </div>
</template>

<style lang="scss" scoped>
.right {
  width: 50%;
  height: 100%;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  .bg {
    position: absolute;
    width: 70%;
    height: 100%;
    background-color: rgb(153, 208, 250, 0.7);
    z-index: -1;
    border-radius: 0 0 100% 0;
  }
  .bg-icon {
    width: 90%;
    height: 90%;
  }
}
</style>
